<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login page</title>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"/>
</head>
<style>
    .container{
        width: 500px;
        margin-top: 100px;
    }
    .btn_login{
        float: right;
    }
</style>
<body>
<script>
    $(function(){
        $(".btn_login").click(function(){
            console.log("登录....");
            $.ajax({
                url:'/userLogin',
                data:$("form").serialize(),
                success:function(data){
                    console.log("服务器返回信息:",data);
                    if(data==1){
                        window.location.href="/student";
                    }else{
                        alert(data);
                    }
                }
            });
            return false;
        });
    })
</script>

<div class="container" id="container">
     <div class="mark">
         账号一: admin admin  可进入student页面<br/>
         账号二: admin-two admin-two 可登陆 但是没有权限进入student页面 所有会进入403页面
     </div>

    <form>
        <div class="form-group">
            <label>账号</label>
            <input type="text" class="form-control" id="username" placeholder="username" name="username">
        </div>
        <div class="form-group">
            <label>密码</label>
            <input type="text" class="form-control" id="password" placeholder="password" name="password">
        </div>

        <div class="checkbox">
            <label>
                <input type="checkbox" name="rememberMe"> 记住我
            </label>
        </div>
        <button class="btn btn-default btn_login">登录</button>
    </form>

</div>


</body>
</html>